<template>
  <div class="">
    <div class="container">
      <main data-fetch-key="0" class="main--">
        <div class="main--banner">
          <div class="card text-white">
            <div class="position-relative">
              <img
                src="http://121.4.16.101:3000/uploads/0b02b5d4cacc55c3c5a07095b1fc79621634348848700.jpg"
                alt="关于我们"
                class="card-img"
              />
              <div class="card-body card-img-overlay">
                <h4 style="color: #fff" class="card-title">关于我们</h4>
              </div>
            </div>
          </div>
        </div>
        <div class="main--breadcrumb">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="/" target="_self">首页</a>
              </li>
              <li class="breadcrumb-item active">
                <span aria-current="location">关于我们</span>
              </li>
            </ol>
          </nav>
        </div>
        <div class="row">
          <div class="col-12 col-md-3">
            <div class="list-group">
              <a
                href="javaScript:;"
                @click="$router.push('/about')"
                target="_self"
                class="list-group-item active list-group-item-action active"
                >关于我们</a
              >
              <a
                href="javaScript:;"
                @click="$router.push('/exercise')"
                target="_self"
                class="list-group-item list-group-item-action"
                >联系我们</a
              >
            </div>
          </div>
          <div class="col">
            <div class="card main--rich__text">
              <div class="card-body">
                <h4 class="card-title">关于我们</h4>

                <p class="card-text"></p>
                <figure class="image">
                  <img
                    :src="
                      ip +
                      'uploads/70b02b5d4cacc55c3c5a07095b1fc7961634348703334.jpg'
                    "
                  />
                </figure>
                <p v-html="data.content"></p>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
  </div>
</template>

<script>
import { getAboutList } from "../network/api";
import { ip } from "../network/ip";
export default {
  data() {
    return {
      ip: ip,
      data: [],
      contactData: [],
    };
  },
  mounted() {
    getAboutList().then((res) => {
      console.log(res.data.data);
      this.contactData = res.data.data[0]; // 联系我们
      this.data = res.data.data[1]; // 关于我们
    });
  },
  methods: {},
  components: {},
};
</script>

<style lang="scss" scoped></style>
